@charset "utf-8";
/**=======
* 浏览器更新提示
==========*/
.browseupgrade{
  margin: 0;
  padding: 1rem;
  background: #ddd;
}

/**=======
* 基础样式
==========*/

*{
  margin: 0;
  padding: 0;
}

html,body{
  font-size: 62.5%;
}
::selection{
  background-color: rgb(4,55,99);
  color: #fff;
}

li{
  list-style: none;
}
a{
  text-decoration: none;
  color: #666;
}

header,
footer,
.container,
top-wrap {
  width: 100%;
}


/**=======
* 工具样式
==========*/

.center-block{
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right{
  float: right !important;
}
.pull-left{
  float: left !important;
}
.text-right{
  text-align: right !important;
}
.text-left{
  text-align: left !important;
}
.text-center{
  text-align: center !important;
}

.hide{
  display: none !important;
}
.show{
  display:  block !important;
}
.invisible{
  visibility: hidden;
}

.text-hide{
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.clearFix::before,
.clearFix::after{
  content: '';
  display: table;
}
.clearFix::after{
  clear: both;
}
.icon{
	padding-bottom: 20px;
}
.xg-li{
	border: 1px solid #b4b4b4;
	margin-left: 20px;
		
}
.xg-txt{
	background: rgba(4,55,100,0.8);
	width: 100%;
	line-height: 2em;
	bottom: 0px;
		
}
.banner3{
	background: url(../images/bg1.png) no-repeat center top;
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 60px;
	
}

.news-hang{
	border: 1px solid #dfdfdf;
	padding: 20px;
}
.new-tl{
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 5px;
	background: url(../images/line1.png) no-repeat left 5px;
	padding-left: 10px;
}
.news-list li {
	color: #666666;
	background: url(../images/box1.png) no-repeat center left;
	padding:10px ;
	border-bottom: 1px dashed #666666;
		
}
.news-list li a{
	color: #666666;
	
		
}
.news-list li:hover a{
	color: #043764;
	text-decoration: underline;
	
		
}
.news-right{
	border: 1px solid #dfdfdf;
	padding: 20px;
}
.qa-list li{
	padding: 15px 0;
	border-bottom: 1px dashed #666666;
}
.map-bg{
	background: url(../images/map-bg.png) no-repeat top center ;
	background-size: cover;
	padding: 30px;
	
}
.ewm{
	border: 1px solid white;
	padding: 15px;
}
.map-list li{
	padding: 10px 0;
}
.map-left{
	border-right: 1px solid white;
	padding-right: 50px;
}
footer{
	background: #13314b
}
.fotnav li{
	padding: 0 1rem;
	border-left: 2px white solid;
	
}
.fotnav li:first-child{
	padding-left: 0;
	border-left: none;
	
}
.subnav-list:hover {
	background: #f8f8f8!important;
}
.subnav-list:hover a{
	color: #043764
}
.nav-list{
	display: none;
}
.nav-c:hover .nav-list{
	display: block;
}
.layui-carousel{
	height: 34vw!important;
}
.map-right .infoInput, .blue2{
	background-color:white;
}
.map-right .control_label{
	color: white;
}
.map-right .button.blue2{
	background: #13314b;
	border: 1px #13314b solid;
	color: white;
}
.bgred{
	background: #13314b
}
.game163{ position: relative; padding: 4px; overflow: hidden; width:400px;padding-top: 1rem; }
.game163 .bigImg{ height: 260px; position: relative;}
.game163 .bigImg li img{ vertical-align:middle;  height:260px;  margin-bottom: 1rem; }

.game163 .smallScroll{ height: 53px; margin-bottom: 6px;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 20px; height: 80px; text-indent: -9999px; }
.game163 .sPrev{ background: url(../images/left.png) center center no-repeat ;}
.game163 .sNext{  background: url(../images/right.png) center center no-repeat ;}

.game163 .smallImg{ float:left;  margin: 0 16px; display:inline; width: 326px; overflow: hidden;}
.game163 .smallImg ul{ height:80px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; padding: 0 10px 0 0; width:100px; cursor:pointer;  display: inline;  }
.game163 .smallImg img{ border: 1px solid #dcdddd; width:100px; height:78px;  }
.game163 .smallImg .on img{ border-color: #dddddd;}
.indestit{
    background: #f6f5f5;
    padding:0.5rem 1.5rem;
    color:#646464;
}
.sumpro{
    color:#646464;
    line-height:1.6rem;
}
.pageinfli:first-child{
    border-top:none;

}
.pageinfli{
    justify-content: space-between;
    padding:0.3rem 0;
    border-top:1px dotted #e7e7e7;
}
.pageinfliflbor{
    background: #f6f5f5;
    color:#a2a2a2;
    padding:0.4rem 0.8rem;
}
.neicont-top{
	color:#a2a2a2;
	background: #f6f5f5;
	padding: 10px;
}
.neicont-list li{
	color:#666666;
	border-bottom: 1px solid #e0e0e0
}
.neicont-list{
	padding-left: 10px;
	line-height: 4em;
}
.product-list{
	padding-right: 0px!important;
	padding-left: 0px!important;
}
.form2 .content{

}
@media screen and (max-width:1200px){
	.nav-wrap{
		display: none;
	}
	.logohide{
		display: none!important;
	}
	.map-bg {
		display: none
	}
}
@media screen and (max-width:768px){
	
	.product-ad{
		display: none!important;
		
	}
	.hot-keyword{
		display: none!important;
	}
	.banner3{
		display: none!important;
	}
	.process{
		display: none!important;
	}
	.advantage{
		display: none!important;
	}
	.ad{
		display: none!important;
	}
	.logo{
		max-width: 100%!important
	}	
	header .top-wrap .top .logo::before{
	  content: '润优普新材料';
	  display: block;
	  font-size: 1.875rem;
	  font-weight: bold;
	  position: absolute;
	  top: -4px;
	  left: 80px;
	}
	header .top-wrap .top .logo::after{
	  content: '选用德国进口添加剂生产';
	  display: block;
	  font-size: 1.5rem;
	  font-weight: bold;
	  position: absolute;
	  top: 30px;
	  right: 0px;
	}
	.foothide{
		display: none;
	}
}
@media screen and (min-width:1200px){
	.lgdn {
		display: none;
	}
}